<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发布房子</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"/>
    <style>
        #poiInfo {
            background: #fff;
        }
        .amap_lib_placeSearch .poibox.highlight {
            background-color: #CAE1FF;
        }
        .amap_lib_placeSearch .poi-more {
            display: none!important;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 2%;">
        <legend id="cloudfieldTitle">发布新房</legend>
    </fieldset>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">云图地址</label>
            <div class="layui-input-block">
                <input type="text" name="cloudAddress" id="cloudAddress" placeholder="请输入地址" autocomplete="off" class="layui-input">
                <input type="text" id="cloudDetail" autocomplete="off" class="layui-input" hidden>
            </div>
            <div id="poiInfo"></div>
            <div id="container" style="width:100%; height:350px;margin-top: 2%;margin-bottom: 2%;"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">电话</label>
            <div class="layui-input-block">
                <input type="text" name="phone" id="myphone" required  lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">房子名称</label>
            <div class="layui-input-block">
                <input type="text" name="houseName" id="houseName" required  lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">详细地址</label>
            <div class="layui-input-block">
                <input type="text" name="address" id="address" required  lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">价格／月</label>
            <div class="layui-input-block">
                <input type="text" name="price" id="price" required  lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">出租类型</label>
            <div class="layui-input-block" id="radio_type">
                <input type="radio" name="type" value="0" title="整租" checked>
                <input type="radio" name="type" value="1" title="合租">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">户型</label>
            <div class="layui-input-block">
                <select id="select_houseType" name="select_houseType" lay-verify="required">
                    <option value="0">一房一厅</option>
                    <option value="1">两房一厅</option>
                    <option value="2">三房一厅</option>
                    <option value="3">单间</option>
                    <option value="4">其他</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">装修</label>
            <div class="layui-input-block">
                <select id="select_renovation" name="select_renovation" lay-verify="required">
                    <option value="0">精装修</option>
                    <option value="1">简单装修</option>
                    <option value="2">毛坯</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">详细信息</label>
            <div class="layui-input-block">
                <textarea name="txt" id="txt" placeholder="请输入..." class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">水费</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" id="waterRate" name="waterRate" placeholder="￥" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">电费</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" id="electricityFee" name="electricityFee" placeholder="￥" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">其他费用</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" id="extralFee" name="extralFee" placeholder="￥" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">上线天数</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <input type="text" id="duiringTime" name="duiringTime" placeholder="ｘｘ天过期" value="10" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">其他</label>
            <div class="layui-input-block">
                <input type="checkbox" name="extralData" value="0" title="wifi" checked>
                <input type="checkbox" name="extralData" value="1" title="宽带" >
                <input type="checkbox" name="extralData" value="2" title="独立卫生间">
                <input type="checkbox" name="extralData" value="3" title="阳台">
                <input type="checkbox" name="extralData" value="4" title="空调">
                <input type="checkbox" name="extralData" value="5" title="冰箱">
                <input type="checkbox" name="extralData" value="6" title="家具齐全">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <div class="layui-upload">
                    <button type="button" class="layui-btn" id="batchUpload">多图片上传</button>
                    <a class="layui-btn layui-btn-normal" id="confirmUpload">确认上传</a>
                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                        预览效果：
                        <div class="layui-upload-list" id="showList"></div>
                    </blockquote>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block confirmHouse">
                <a class="layui-btn layui-btn-normal" id="confirmbtn" data-type="confirmHousebtn">发布</a>
            </div>
        </div>
    </form>
</div>
<script src="http://webapi.amap.com/maps?v=1.4.3&key=4010c8d203573fa6b9b9bd5c2f84ad40"></script>
<script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script src="/static/js/html5.min.js"></script>
<script src="/static/js/respond.min.js"></script>
<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/static/js/front/addHouse.js"></script>
</body>
</html>